Vue.component('my-footer', {
    data: function () {
        return {
        }
    },
    methods: {
    },
    created: function () {

    },
    template: `
       <div class="center" style="text-align: center;color: #666">
                   <el-row>
                       <el-col span="8">
                           <img src="http://rvg6mjj7z.hn-bkt.clouddn.com/img/logo.jpg"width="150" height="150">
                           <p style="color:white">学习不是人生的全部，但没有学习，人生将一事无成</p>
                           <p style="color:white">学习是一种过程，而非目标</p>
                           <p style="color:white">学习并不是填满水桶，而是点燃火焰</p>
                       </el-col>
                       <el-col span="8">
                           <el-row id="footer_center">
                               <el-col span="8">
                                   <h3>关于我们</h3>
                                   <p style="color:white">关于我们</p><p style="color:white">联系我们</p>
                                   <p style="color:white">意见反馈</p><p style="color:white">常见问题</p>

                               </el-col>
                               <el-col span="8">
                                   <h3>支持与服务</h3>
                                   <p style="color:white">广告投放</p>
                                   <p style="color:white">用户协议</p>
                                   <p style="color:white">友情链接</p>
                                   <p style="color:white">在线反馈</p>
                               </el-col>
                               <el-col span="8">
                                   <h3>底部导航</h3>
                                   <p style="color:white">手机版</p>
                               </el-col>
                           </el-row>

                       </el-col>
                       <el-col span="8">
                           <div style="font-size: 58px;margin-top: 30px">
                               <span style="color: blue">学维</span><span style="color: #666666">网</span>
                           </div>
                           <p style="color:white">校园学习交流平台</p>
                       </el-col>
                   </el-row>
               </div>     
    `
})